<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="../dist/quark-renderer.js"></script>
</head>
<body>
    <div id="Main" style="width:1000px;height:600px;"></div>
    <script type="text/javascript">
        var colorList = ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026'];

        setInterval(function () {
            var time = performance.now();
            for (var i = 0; i < 1e5; i++) {
                QuarkRenderer.colorUtil.mapToColor(i / 1e5, colorList);
            }
            var dTime = performance.now() - time;
            document.write(Math.round(dTime) + 'ms' + '<br />');
        }, 1000);
    </script>
</body>
</html>